<div class="ss-platform-setting-wraper">
  <div class="ss-platform-setting-body" *ngIf="action=='field'">
    <div class="ss-platform-table-wraper"
         [ss-bottom-px]="15"
         [ss-compact]="true"
         [ss-display-add-cell]="true"
         [ss-display-sequence-cell]="true"
         [ss-display-field-ids]="[100100, 100101, 100102, 100103, 100104, 100105, 100106, 100107, 100108, 100109, 100110, 100111, 100112, 100113, 100114, 100115, 100116, 100117]"
         [ss-cells]='[{field: {fieldId: 100100, type: "text", name: "编号1"}},
                    {field: {fieldId: 100101, type: "text", name: "编号2"}},
                    {field: {fieldId: 100102, type: "text", name: "职务3"}},
                    {field: {fieldId: 100103, type: "text", name: "年龄4"}},
                    {field: {fieldId: 100104, type: "text", name: "年龄5"}},
                    {field: {fieldId: 100105, type: "text", name: "年龄6"}},
                    {field: {fieldId: 100106, type: "text", name: "年龄7"}},
                    {field: {fieldId: 100107, type: "text", name: "年龄8"}},
                    {field: {fieldId: 100108, type: "text", name: "住址9"}},
                    {field: {fieldId: 100109, type: "text", name: "住址10"}},
                    {field: {fieldId: 100110, type: "text", name: "住址11"}},
                    {field: {fieldId: 100111, type: "text", name: "住址12"}},
                    {field: {fieldId: 100112, type: "text", name: "住址13"}},
                    {field: {fieldId: 100113, type: "text", name: "住址14"}},
                    {field: {fieldId: 100114, type: "text", name: "住址15"}},
                    {field: {fieldId: 100115, type: "text", name: "住址16"}},
                    {field: {fieldId: 100116, type: "text", name: "住址17"}},
                    {field: {fieldId: 100117, type: "text", name: "住址18"}}]'></div>
  </div>
  <div class="ss-platform-setting-body" *ngIf="action=='form'">
    <div class="ss-platform-setting-toolbar">
      <div class="tabs clearfix">
        <span>表单</span>
        <span>字段</span>
        <span class="current">添加</span>
      </div>
      <div class="content">
        <div class="fields">
          <dl>
            <dt><strong>数据字段</strong></dt>
            <dd>
              <ul class="clearfix">
                <li draggable="true"><i>&#xe011;</i><span>文本</span></li>
                <li draggable="true"><i>&#xe035;</i><span>号码</span></li>
                <li draggable="true"><i>&#xe036;</i><span>数值</span></li>
                <li draggable="true"><i>&#xe038;</i><span>金额</span></li>
                <li draggable="true"><i>&#xe039;</i><span>计算</span></li>
                <li draggable="true"><i>&#xe040;</i><span>选项</span></li>
                <li draggable="true"><i>&#xe041;</i><span>下拉菜单</span></li>
                <li draggable="true"><i>&#xe042;</i><span>工作区成员</span></li>
                <li draggable="true"><i>&#xe043;</i><span>日期和时间</span></li>
                <li draggable="true"><i>&#xe044;</i><span>图片</span></li>
                <li draggable="true"><i>&#xe045;</i><span>附件</span></li>
                <li draggable="true"><i>&#xe046;</i><span>位置</span></li>
                <li draggable="true"><i>&#xe047;</i><span>关联其他表格</span></li>
              </ul>
            </dd>
          </dl>
          <dl>
            <dt><strong>布局字段</strong></dt>
            <dd>
              <ul class="clearfix">
                <li draggable="true"><i>&#xe048;</i><span>表单说明</span></li>
                <li draggable="true"><i>&#xe049;</i><span>分隔符</span></li>
              </ul>
            </dd>
          </dl>
          <dl>
            <dt><strong>标签页</strong></dt>
            <dd>
              <ul class="clearfix">
                <li draggable="true"><i>&#xe050;</i><span>当前表单字段</span></li>
                <li draggable="true"><i>&#xe050;</i><span>关联数据字段</span></li>
                <li draggable="true"><i>&#xe050;</i><span>子表</span></li>
                <li draggable="true"><i>&#xe050;</i><span>仪表盘</span></li>
              </ul>
            </dd>
          </dl>
        </div>
      </div>
    </div>
    <div class="ss-platform-setting-content">
      <div class="ss-platform-setting-content-container">
        <div class="ss-platform-dynamic-form-wraper"></div>
        <!-- 没有数据 -->
        <div class="item-tab">
          <div class="tab-guide">
            <p>将字段拖到这里进行设置</p>
          </div>
        </div>
        <div class="item-tab">
          <div class="tab-guide">
            <i>&#xe050;</i>
            <p>将标签页拖到这里进行设置</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
